
body{
    margin: 0;
    font-size: 16px;
    /*    color: #0A246A;*/
}

hr{
    background-color: #fff;
    border-bottom: 1px dashed #aaa;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    color: #fff;
}

/*Super Head*/
div.super-head{
    height: 17px;
    font-size: 10px;
    background-color: #333;
    border-bottom: 1px solid #fc6;
    padding-left: 10px;
    padding-top: 3px;
    color: #eef;
}

div.super-head a{
    color: #eef;
    text-decoration: none;
    text-transform: uppercase;
    padding-right: 20px;
}

div.super-head p{
    margin-top: -1px;
    color: #999;
    padding-right: 20px;
    float: right;
}

/*Head*/
div.head{
    padding-top: 15px;
    text-align: center;
    height: 50px;
    width: 100%;
    background-image: url("/images/bg/bg-head.png");
    color: #eee;
}

div.head img{
    /*    margin-top: -5px;
        margin-left: 20px;
        float: left;*/
    position: relative;
    left: -260px;
    top: -5px;
}

div.head h1{
    /*    margin-top: 0px;*/
    font-size: 18px;
    position: relative;
    top: -60px;
}

/*Top*/
div.top{
    height: 20px;
    width: 100%;
    background-color: #eef;
    border-top: 1px solid #777;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    color: #999;
    -webkit-box-shadow: 0 8px 6px -6px #ccc;
    -moz-box-shadow: 0 8px 6px -6px #ccc;
    box-shadow: 0 8px 6px -6px #ccc;
}

div.top div.user{
    padding-top: 2px;
    padding-left: 20px;
    float: left;
}

div.top div.date{
    padding-top: 2px;
    padding-right: 50px;
    float: right;
}

/*Left*/
div.left{
    width: 170px;
    padding-top: 30px;
    padding-left: 20px;
    height: 100%;
    background-color: #eef;
    padding-bottom: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    float:left;
    -webkit-box-shadow: 8px -6px 10px -6px #ccc;
    -moz-box-shadow: 8px -6px 10px -6px #ccc;
    box-shadow: 8px -6px 10px -6px #ccc;
}

/*Menu*/

.sf-menu{
    font-size: 16px;
}

.sf-menu a, .sf-menu a:visited {
    padding: 6px 10px;
    color: #eee;
}

.sf-menu li{
    background:url('/images/bg/bg-menu.png');
}

.sf-menu li li {
    background:url('/images/bg/bg-menu.png');
}

.sf-menu li li li{
    background:url('/images/bg/bg-menu.png');
}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:hover,
.sf-menu a:focus,
.sf-menu a:active{
    background:url('/images/bg/bg-menu-select.png');
}

a > .sf-sub-indicator {
    top: 0.5em;
}

.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
    left: 10em; /* match ul width */
    top: 5px;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 5px;
}

/*Content*/
.content{
    padding-top: 20px;
    padding-left: 230px;
    padding-right: 20px;
}

.content h1{
    color: #0A246A;
    font-size: 22px;
}

.content h2{
    color: #0A246A;
    font-size: 20px;
}

.content div.data_user{
    margin-top: 20px;
    margin-left: 0px;
    border: 1px solid #ccc;
    width: 300px;
    height: 200px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #eee;
    font-size: 14px;
}

.content div.data_user img{
    border: 1px solid #999;
}

.content div.notificaciones{
    margin-top: 20px;
    margin-left: 20px;
    border: 1px solid #ccc;
    width: 300px;
    position: relative;
    top: -230px;
    left: 340px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: #eee;
    font-size: 14px;
}

.content div.notificaciones ul{
    padding-left: 20px;
}

.content div.notificaciones ul li{
    margin-top: 5px;
}

/*Formulario*/
form table th{
    text-align: right;
}

/*Mensajes Flash*/

div.flash{ 
    position: absolute;
    z-index: 999;
}

div.flash_error{
    background: url('/images/bg/bg-flash.png'); 
    width: 500px;
    margin-left: 210px;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 20px;
    display: none;
}

div.flash_error img{
    padding-right: 20px;
    float: left;
    position: relative;
    top:-5px
}

div.flash_warning{
    background: url('/images/bg/bg-flash.png'); 
    width: 500px;
    margin-left: 210px;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 20px;
    display: none;
}

div.flash_warning img{
    padding-right: 20px;
    float: left;
    position: relative;
    top:-5px
}

div.flash_message{
    background: url('/images/bg/bg-flash.png'); 
    width: 500px;
    margin-left: 210px;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 20px;
    display: none;
}

div.flash_message img{
    padding-right: 20px;
    float: left;
    position: relative;
    top:-5px
}

div.flash_notice{
    background: url('/images/bg/bg-flash.png'); 
    width: 500px;
    margin-left: 210px;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    display: none;
}

div.flash_notice img{
    padding-right: 20px;
    float: left;
    position: relative;
    top:-5px
}

/*LI para radio list*/
ul.radio_list{
    list-style-type: none;
    padding-left: 0px;
}

ul.radio_list li.horizontal{
    float: left;
    padding-left: 15px;
    position: relative;
    top: -8px;
}

/*LI para checkbox list*/
ul.checkbox_list{
    list-style-type: none;
    padding-left: 0px;
}

ul.checkbox_list li.horizontal{
    float: left;
    padding-left: 15px;
}

/*Date picker*/
.ui-datepicker{
    font-size: 12px;
}

.ui-widget-header {
    background: url("/images/bg/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #767676;
    border: 1px solid #767676;
}

.ui-state-default .ui-icon { background-image: url(/images/iconos/ui-icons_228ef1_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/iconos/ui-icons_228ef1_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/images/iconos/ui-icons_228ef1_256x240.png); }

img.ui-datepicker-trigger{
    position: relative;
    top: 3px;
    left: 5px;
}


/*QTip*/
div.tip{
    background-image: url(/images/iconos/pregunta.png);
    float:right;
    width: 16px;
    height: 16px;
    margin-left: 3px;
}

div.qtip div.qtip-wrapper{
    font-size: 12px;
    box-shadow: 0 0 6px #000000;
    border-radius: 6px 6px 6px 6px;
}

/*Error de formulario: item*/
ul.error_list{
    list-style-type: none;
    color: red;
    margin:0;
    font-size: 12px;
    font-weight: normal;
    float: right;
    padding-left: 5px;
}

/*Tabla para ver registros*/
table.ver{
    margin-left: 30px;
}
table.ver th{
    text-align: left;
    vertical-align: top;
    border-bottom: 1px dashed #ccc;
    border-right: 1px dashed #ccc;
    padding-right: 15px;
}

table.ver td{
    border-bottom: 1px dashed #ccc;
    padding-left: 10px;
}

table.ver td ul{
    margin: 0px;
    padding-left: 0px;
    list-style: none;
}
/*Tabla horizaontal para ver registros*/
table.verHorizontal{
    margin-left: 30px;
}
table.verHorizontal th{
    text-align: left;
    vertical-align: top;
    border-bottom: 1px dashed #ccc;
    border-left: 1px dashed #ccc;
    padding-right: 15px;
}

table.verHorizontal td{
    border-bottom: 1px dashed #ccc;
    border-left: 1px dashed #ccc;
    padding-left: 10px;
}

table.verHorizontal td ul{
    margin: 0px;
    padding-left: 0px;
    list-style: none;
}

/*JButton*/
.button{
    z-index: 1;
}

.button.tool{
    background-image:url('/images/iconos/toolSmall.png');
    background-repeat: no-repeat;
    background-position: 10px 6px;
    padding-left: 16px;
}

.button.back{
    background-image:url('/images/iconos/back.png');
    background-repeat: no-repeat;
    background-position: 10px 6px;
    padding-left: 16px;
}

.button.new{
    background-image:url('/images/iconos/newSmall.png');
    background-repeat: no-repeat;
    background-position: 10px 6px;
    padding-left: 16px;
}

.button.edit{
    background-image:url('/images/iconos/editSmall.png');
    background-repeat: no-repeat;
    background-position: 10px 6px;
    padding-left: 16px;
}

.button.delete{
    background-image:url('/images/iconos/removeSmall.png');
    background-repeat: no-repeat;
    background-position: 10px 6px;
    padding-left: 16px;
}

.button.add{
    background-image:url('/images/iconos/addSmall.png');
    background-repeat: no-repeat;
    background-position: 10px 6px;
    padding-left: 16px;
}

.button.detail{
    background-image:url('/images/iconos/listarSmall.png');
    background-repeat: no-repeat;
    background-position: 10px 6px;
    padding-left: 16px;
}

.ui-button-text-only .ui-button-text{
    font-weight: normal;
    color: #555;
    font-size: 14px;
}

.ui-state-hover{
    border-color: #ccc;
    background: #f6f6f6;
}

.ui-state-hover .ui-button-text{
    color: #000;
}

/*Utencilios de administracion*/
.administracion{
    display: none;
}

/*Utencilios de visualizacion*/
.detalle{
    display: none;
}

/*Avisos informativos*/
.warningInfo{
    /*    background-color: #eee;*/
    padding: 5px 20px;
    /*    border: 1px solid #fcefa1;*/
    /*    border-radius: 6px 6px 6px 6px;*/
    font-size: 16px;
    /*    font-weight: bolder;*/
    color: #555;

}

/*Pager Básico*/
.page{
    clear:both;
}

.page .itemMaterial{
    border: 1px dashed #ddd;
    padding: 5px 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 25px;
    width: 500px;
}

.pagingBar{
    text-decoration: none;
    font-size: 12px;
}

.pagingBar a{
    text-decoration: none;
    color: #007;
}

.pagingBar .pageBack{
    border: 1px solid #ccc;
    background-color: #fff;
    float: left;
    margin-right: 5px;
    padding: 2px 10px;
}

.pagingBar .pageNum{
    border: 1px solid #ccc;
    background-color: #fff;
    float: left;
    margin-right: 5px;
    padding: 2px 10px;
}

.pagingBar .pageActual{
    border: 1px solid #ccc;
    background-color: #eee;
    float: left;
    margin-right: 5px;
    padding: 2px 10px;
}

.pagingBar .pageNext{
    border: 1px solid #ccc;
    background-color: #fff;
    float: left;
    margin-right: 5px;
    padding: 2px 10px;
}

/*Resultados de los autocompleters*/
li.ac_even.ac_over{
    color:black;
    background-color: #CFDEFF;
}

li.ac_odd.ac_over{
    color:black;
    background-color: #CFDEFF;
}

/*Configuración de los árboles*/
.treeview ul{
    background-color: transparent;
}

/*Configuración para las tablas con relleno*/
.table-fill th{
    background-color: #eef;
}

.table-fill td{
    background-color: #efefef;
}

.table-fill .none{
    background-color: #fff;
}

.table-fill .h1{
    text-align: center;
    background-color: #fff;
    border-bottom: dashed 1px #ccc;
}

/*Configuración del código captcha*/

input.captcha{
    position: relative;
    top: -15px;
    margin-right: 10px;
}